<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://www.tuniu.com/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/domestic.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <script src="js/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="font/iconfont.css">
    <title>国内自由行_国内自助线路推荐_国内自由行线路推荐_【途牛国内自由行】</title>
</head>

<body>
    <div class="header-top">
        <div class="header-top-nav">
            <div class="header-top-nav-left">
                <p class="login">登录</p>
                <p>注册</p>
                <img src="https://img4.tuniucdn.com/img/2017020818/common/registgift.gif" alt="">
            </div>
            <ul class="header-top-nav-right">
                <li>网站无障碍</li>
                <li>关怀版</li>
                <li>途牛商旅</li>
                <li>旅游百货</li>
                <li class="corporate-tourism">企业旅游</li>
                <li class="club">会员俱乐部</li>
                <li class="order-lists">
                    我的订单
                    <span class="icon-pull-down"></span>
                    <span class="icon-pull-down-hover"></span>
                    <ul class="order">
                        <li>全部订单</li>
                        <li>我的机票</li>
                        <li>我的火车票</li>
                        <li>积分商城</li>
                        <li>非会员查单</li>
                    </ul>
                </li>
                <li class="map-lists">
                    网站地图
                    <span class="icon-map"></span>
                    <span class="icon-map-hover"></span>
                    <div class="map-hover">
                        <div class="map-list">
                            <div class="map-list-left">
                                <h3 class="travel-title">去旅游</h3>
                                <div class="travel-list">
                                    <ul class="travel">
                                        <li>跟团游</li>
                                        <li>自由行</li>
                                        <li>酒+景</li>
                                        <li>公司旅游</li>
                                        <li>当地活动</li>
                                        <li class="icon-n">首付出发</li>
                                    </ul>
                                    <ul class="travel">
                                        <li>牛人专线</li>
                                        <li>亲子游</li>
                                        <li>蜜月游</li>
                                        <li>海岛游</li>
                                        <li>老于推荐</li>
                                    </ul>
                                    <ul class="travel">
                                        <li>酒店</li>
                                        <li>门票</li>
                                        <li>邮轮</li>
                                        <li>签证</li>
                                        <li>机票</li>
                                        <li>旅拍</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="map-list-middle">
                                <h3 class="sale-title">寻优惠</h3>
                                <ul class="sale">
                                    <li>特卖</li>
                                    <li>订酒店 返现金</li>
                                    <li>积分商城</li>
                                    <li>银行特惠游</li>
                                </ul>
                            </div>
                            <div class="map-list-right">
                                <h3 class="server-title">查服务</h3>
                                <ul class="server">
                                    <li>帮助中心</li>
                                    <li>会员俱乐部</li>
                                    <li>阳光保障</li>
                                    <li>火车时刻表</li>
                                    <li>航班查询</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="weibo">
                    <span class="icon-wb"></span>
                    <span class="icon-wb-hover"></span>
                </li>
                <li class="phone-lists">
                    <span class="icon-phone"></span>
                    <div class="phone-hover">
                        <img src="https://m.tuniucdn.com/fb2/t1/G7/M00/04/15/CkC9r1_FscSIHnyEAAEFehRUZmcAACNPAP-4FcAAQWS204.png"
                            alt="">
                    </div>
                </li>
                <li class="wechat-lists">
                    <span class="icon-wechat"></span>
                    <span class="icon-wechat-hover"></span>
                    <div class="wechat-hover">
                        <img src="https://ssl1.tuniucdn.com/img/201510151103/common/erweima_v2.gif" alt="">
                    </div>
                </li>
                <li class="mail-lists">
                    <span class="icon-mail"></span>
                    <span class="icon-mail-hover"></span>
                </li>
            </ul>

        </div>
    </div>
    <div class="middle-nav">
        <div class="middle-nav-left">
            <img width="280" height="100" src="https://img3.tuniucdn.com/u/mainpic/logo/logo_20170124.png" alt="">
            <div class="address-middle-nav">
                <p>
                    北京站
                    <span class="icon-pull-down"></span>
                    <span class="icon-pull-down-hover"></span>
                </p>
                <img width="61" height="16" src="https://img2.tuniucdn.com/img/20141206/header/local_branch.png" alt="">
            </div>
        </div>
        <div class="middle-nav-middle">
            <div class="search">
                <div class="all-product">
                    所有产品
                    <span class="icon-down"></span>
                    <span class="icon-down-hover"></span>
                    <ul class="product-details">
                        <li>跟团游</li>
                        <li>自由行</li>
                        <li>邮轮</li>
                        <li>门票</li>
                        <li>自驾游</li>
                        <li>当地游</li>
                        <li>当地活动</li>
                        <li>签证</li>
                        <li>酒店</li>
                        <li>旅拍</li>
                        <li>定制包团</li>
                    </ul>
                </div>


                <input class="nav-input" type="text" placeholder="西北">
                <p class="hit">云南</p>
                <p class="hit">欧洲</p>

            </div>
            <div class="middle-right-search">
                <span class="icon-search"></span>

            </div>
            <p class="advanced">
                高级搜索
                <span class="icon-pull-down"></span>
                <span class="icon-pull-down-hover"></span>
            </p>

        </div>
        <div class="middle-nav-right">
            <div class="nav-right-left">
                <img width="28" height="28" src="https://ssl1.tuniucdn.com/img/2017020818/header/head_tel.png" alt="">
                <div class="text">
                    <p class="use">欢迎使用</p>
                    <p class="online-server">在线客服</p>
                </div>
            </div>
            <div class="nav-right-right">
                <img width="28" height="28" src="https://ssl1.tuniucdn.com/img/2016090719/header/tel.png" alt="">
                <div class="text">
                    <p class="server-phone">24h客户服务电话</p>
                    <p class="phone-number">4007-999-999</p>
                    <div class="phone">
                        <p>国内：4007-999-999</p>
                        <p>国外：+86-25-8685-9999</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="end-nav">
        
        <ul class="end-nav-bar">
            <li ><a href="index.html">首页</a></li>
            <li class="package-tour">
                <a href="../郭俊昂/html/tours.html">跟团游
                    <span class="icon-pull"></span>
                    <span class="icon-pull-hover"></span>
                </a>
                
                <ul class="package-tour-lists">
                    <li><a class="a-hover" href="../郭俊昂/html/abroad-tours.html">出境跟团</a></li>
                    <li><a href="../郭俊昂/html/domestic-tours.html">境内跟团</a></li>
                    <li><a href="../郭俊昂/html/around-tours.html">周边跟团</a></li>
                </ul>
            </li>
            <li class="index-list">
                <a href="domestic.html">
                    自由行
                    <span class="icon-pull"></span>
                <span class="icon-pull-hover"></span>
                </a>
                
                <ul class="package-tour-lists">
                    <li><a class="a-hover" href="abroad.html">出境自由行</a></li>
                    <li><a href="domestic.html">境内自由行</a></li>
                    <li><a href="visa.html">周边签证</a></li>
                </ul>
            </li>
            <li><a href="../牛人在线 完/niuren-online.html">牛人专线</a></li>
            <li><a href="../自驾游/road-trip.html">自驾游</a></li>
            <li>
               <a href="flight.html"> 机票
                <span class="icon-pull"></span>
                <span class="icon-pull-hover"></span>
               </a>
                
                <ul class="package-tour-lists">
                    <li><a href="intel.html">出境机票</a></li>
                    <li><a href="flight.html">境内机票</a></li>
                </ul>
            </li>
            <li><a href="">火车票</a></li>
            <li>
                <a href="">酒店
                    <span class="icon-pull"></span>
                <span class="icon-pull-hover"></span>
                </a>
                
                <ul class="package-tour-lists">
                    <li><a href="">出境酒店</a></li>
                    <li><a href="">境内酒店</a></li>
                </ul>
            </li>
            <li><a href="../门票 完/admission-icket.html">门票</a></li>
            <li>
                <a href="../项目主题/f-tu.html">主题游
                    <span class="icon-pull"></span>
                    <span class="icon-pull-hover"></span>
                </a>
              
                <ul class="package-tour-lists">
                    <li><a href="../项目亲子游/fu-tu-qinzi.html">亲子游</a></li>
                    <li><a href="../项目蜜月游/miyue.html">蜜月游</a></li>
                    <li><a href="../项目爸妈游/index.html">爸妈游</a></li>
                    <li><a href="../项目红色旅游/index.html">红色旅游</a></li> 
                </ul>
            </li>
            <li>
                <a href="../王思俊/liner-JaSK.html">邮轮游
                    <span class="icon-pull"></span>
                <span class="icon-pull-hover"></span>
                </a>
                
                <ul class="package-tour-lists">
                    <li><a class="a-hover" href="../王思俊/liner-JaSK.html">日韩航线</a></li>
                    <li><a href="../途牛项目/东南亚邮轮游/tuniu.html">东南亚航线</a></li>
                    <li><a href="../三峡航线/三峡航线.html">三峡航线</a></li>
                </ul>
            </li>
            <li>
                <a href="../郭俊昂/html/theme-service.html">出游服务
                    <span class="icon-pull"></span>
                <span class="icon-pull-hover"></span>
                </a>
                
                <ul class="package-tour-lists">
                    <li><a href="../马可集市 完/Marco-Market.html">旅游百货</a></li>
                </ul>
            </li>
            <li><a href="./visa.html">签证</a></li>
            <li>
                <a href="">定制游
                    <span class="icon-pull"></span>
                <span class="icon-pull-hover"></span>
                </a>
                
                <ul class="package-tour-lists">
                    <li><a href="../途牛项目/团队游/tuniu2.html">公司定制</a></li>
                    <li><a href="../途牛项目/家庭游/tuniu3.html">家庭定制</a></li>
                    <li><a href="../会议，奖励旅游定制/iterm2.html">奖励旅游</a></li>
                    <li><a href="../王思俊/punk.html">朋派定制游</a></li> 
                </ul>
            </li>
            <li><a href="../理财/lc.html">金融
                <span class="icon-pull"></span>
                <span class="icon-pull-hover"></span>

            </a>
            <ul class="package-tour-lists">
                <li><a class="a-hover" href="../理财/lc.html">理财</a></li>
                <li><a href="../途牛宝/tnb.html">途牛宝</a></li>
                <li><a href="../途牛项目/礼品卡/lipinka.html">礼品卡</a></li>

            </ul>
        </li>
            
        </ul>
    </div>
    <!-- 境内自由行 -->
    <div class="free-top">
        <div class="free-top-cover">
            <img width="470" height="50"
                src="https://m3.tuniucdn.com/fb2/t1/G5/M00/3C/3B/Cii-slw_5N-IdFxaAAC3auPDXusAATLGwA4NJkAALeC84.jpeg"
                alt="">
            <ul class="free-top-states">
                <li>
                    <span class="icon-top_1"></span>
                    <p>
                        满意度
                        <span class="top-num">95</span>
                        <span class="percent">%</span>
                    </p>
                    <div class="bias"></div>
                </li>
                <li>
                    <span class="icon-top_2"></span>
                    <p>
                        已关注人数：
                        <span class="top-num"></span>
                        <span class="percent">3633651人</span>
                    </p>
                    <div class="bias"></div>
                </li>
                <li>
                    <span class="icon-top_3"></span>
                    <p>
                        已有点评数：
                        <span class="top-num"></span>
                        <span class="percent">192599条</span>
                    </p>
                    <!-- <div class="bias"></div> -->
                </li>
                <li>
                    <p class="discounts">网上预订优惠 点评还可返现</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 轮播图部分 -->
    <div class="middle">
        <div class="middle-content">
            <div class="middle-content-left">
                <div class="every-list first-list">
                    <div class="host-list-hover list-hover">
                        <div class="every-list-hover-details">
                            <div class="every-list-hover-detail">
                                <h3>海南：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>三亚</li>
                                    <li>蜈支洲</li>
                                    <li>亚龙湾</li>
                                    <li>清水湾</li>
                                    <li>三亚湾</li>
                                    <li>天堂湾</li>
                                    <li>大东海</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>云南：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>丽江</li>
                                    <li>版纳</li>
                                    <li>香格里拉</li>
                                    <li>大理</li>
                                    <li>昆明</li>
                                    <li>腾冲</li>
                                    <li>泸沽湖</li>
                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>福建：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>厦门</li>
                                    <li>鼓浪屿</li>
                                    <li>环岛路</li>
                                    <li>中山路</li>
                                    <li>永定土楼</li>
                                    <li>武夷山</li>
                                    <li>厦门大学</li>
                                    <li>曾厝垵</li>
                                    <li>云水谣</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>广东：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>广州</li>
                                    <li>珠海</li>
                                    <li>长隆欢乐世界</li>
                                    <li>深圳</li>
                                    <li>长隆野生动物园</li>
                                    <li>珠海长隆海洋王国</li>
                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>川渝：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>成都</li>
                                    <li>稻城亚丁</li>
                                    <li>峨眉山</li>
                                    <li>洪崖洞</li>
                                    <li>乐山</li>
                                    <li>都江堰</li>
                                    <li>重庆</li>
                                    <li>武隆</li>
                                    <li>磁器口</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>华东：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>上海</li>
                                    <li>上海迪士尼</li>
                                    <li>上海海昌海洋公园</li>
                                    <li>杭州</li>
                                    <li>乌镇</li>
                                    <li>南京</li>
                                    <li>苏州</li>
                                    <li>无锡</li>
                                    <li>溧阳天目湖</li>
                                    <li>常州恐龙园</li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="middle-content-left-icon content-left-icon_1">

                    </div>
                    <div class="middle-content-left-text">

                        <div class="content-left-title">
                            <h4>热门目的地</h4>
                            <span class="icon-more">></span>
                        </div>
                        <ul class="content-lists">
                            <li>三亚</li>
                            <li>长隆</li>
                            <li>厦门</li>
                            <li>丽江</li>
                            <li>长白山</li>
                            <li>成都</li>
                            <li>上海</li>
                            <li class="content-list">重庆</li>
                        </ul>
                    </div>
                </div>

                <div class="every-list">
                    <div class="beach-list-hover list-hover">
                        <div class="every-list-hover-details">
                            <div class="every-list-hover-detail">
                                <h3>海南：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>三亚</li>
                                    <li>蜈支洲</li>
                                    <li>亚龙湾</li>
                                    <li>海口</li>
                                    <li>清水湾</li>
                                    <li>三亚湾</li>
                                    <li>天堂湾</li>
                                    <li>大东海</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>福建：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>厦门</li>
                                    <li>环岛路</li>
                                    <li>中山路</li>
                                    <li>永定土楼</li>
                                    <li>武夷山</li>
                                    <li>云水谣</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>广西：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>桂林</li>
                                    <li>北海</li>
                                    <li>阳朔</li>
                                    <li>涠洲岛</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>山东：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>青岛</li>
                                    <li>烟台</li>
                                    <li>崂山</li>
                                    <li>威海</li>
                                    <li>青岛方特梦幻王国</li>

                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="middle-content-left-icon content-left-icon_2">

                    </div>
                    <div class="middle-content-left-text">
                        <div class="content-left-title">
                            <h4>海滨</h4>
                            <span class="icon-more">></span>
                        </div>
                        <ul class="content-lists">
                            <li>海南</li>
                            <li>厦门</li>
                            <li>大连</li>
                            <li>青岛</li>
                            <li>东北</li>
                            <li class="content-list">北海</li>
                        </ul>
                    </div>
                </div>

                <div class="every-list">
                    <div class="location-list-hover list-hover">
                        <div class="every-list-hover-details">
                            <div class="every-list-hover-detail">
                                <h3>江苏：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>南京</li>
                                    <li>溧阳天目湖</li>
                                    <li>常州恐龙园</li>
                                    <li>苏州</li>
                                    <li>无锡</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>上海：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>上海迪士尼乐园</li>
                                    <li>外滩</li>
                                    <li>南京路步行街</li>
                                    <li>豫园</li>
                                    <li>城隍庙</li>
                                    <li>上海海昌海洋公园</li>
                                    <li>上海野生动物园</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>浙江：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>杭州</li>
                                    <li>乌镇</li>
                                    <li>西塘</li>
                                    <li>横店</li>
                                    <li>湖州太湖龙之梦乐园</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>云南：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>丽江</li>
                                    <li>版纳</li>
                                    <li>香格里拉</li>
                                    <li>大理</li>
                                    <li>腾冲县</li>
                                    <li>泸沽湖</li>
                                    <li>昆明</li>>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>广西：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>桂林</li>
                                    <li>北海</li>
                                    <li>阳朔</li>
                                    <li>涠洲岛</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>湖南：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>凤凰</li>
                                    <li>张家界</li>
                                    <li>天门山</li>
                                    <li>长沙</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="middle-content-left-icon content-left-icon_3">

                    </div>
                    <div class="middle-content-left-text">
                        <div class="content-left-title">
                            <h4>东部|南部</h4>
                            <span class="icon-more">></span>
                        </div>
                        <ul class="content-lists">
                            <li>江苏</li>
                            <li>上海</li>
                            <li>浙江</li>
                            <li>云南</li>
                            <li>广西</li>
                            <li>广东</li>
                            <li>湖南</li>
                            <li class="content-list">丽江</li>
                        </ul>
                    </div>
                </div>
                <div class="every-list">
                    <div class="every-list-hover list-hover">
                        <div class="every-list-hover-details">
                            <div class="every-list-hover-detail">
                                <h3>四川：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>成都</li>
                                    <li>稻城亚丁</li>
                                    <li>峨眉山</li>
                                    <li>海螺沟</li>
                                    <li>乐山</li>
                                    <li>熊猫基地</li>
                                    <li>宽窄巷子</li>
                                    <li>新都桥</li>
                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>西藏：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>拉萨</li>
                                    <li>布达拉宫</li>
                                    <li>纳木措</li>
                                    <li>林芝</li>
                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>重庆：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>洪崖洞</li>
                                    <li>武隆</li>
                                    <li>仙女山</li>
                                    <li>大足石刻</li>
                                    <li>万州大瀑布</li>
                                    <li>磁器口</li>
                                    <li>长江索道</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>陕西、甘肃：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>西安</li>

                                    <li>兵马俑</li>
                                    <li>延安</li>
                                    <li>敦煌</li>
                                    <li>兰州</li>
                                    <li>张掖</li>
                                    <li>嘉峪关</li>
                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>新疆：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>乌鲁木齐</li>

                                    <li>吐鲁番</li>
                                    <li>那拉提草原</li>
                                    <li>喀纳斯</li>
                                    <li>天山天池</li>
                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>青海、宁夏：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>西宁</li>

                                    <li>青海湖</li>
                                    <li>茶卡盐湖</li>
                                    <li>银川</li>

                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="middle-content-left-icon content-left-icon_4">

                    </div>
                    <div class="middle-content-left-text">
                        <div class="content-left-title">
                            <h4>西部</h4>
                            <span class="icon-more">></span>
                        </div>
                        <ul class="content-lists">
                            <li>四川</li>
                            <li>西藏</li>
                            <li>重庆</li>
                            <li>陕西</li>
                            <li>新疆</li>
                            <li>甘肃</li>
                            <li class="content-list">宁夏</li>
                        </ul>
                    </div>
                </div>
                <div class="every-list">
                    <div class="north-list-hover list-hover">
                        <div class="every-list-hover-details">
                            <div class="every-list-hover-detail">
                                <h3>东北：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>长白山</li>
                                    <li>大连</li>
                                    <li>长春</li>
                                    <li>吉林</li>
                                    <li>哈尔滨</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>内蒙古：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>呼伦贝尔</li>
                                    <li>满洲里</li>
                                    <li>鄂尔多斯</li>

                                </ul>
                            </div>
                            <div class="every-list-hover-detail">
                                <h3>北京：</h3>
                                <ul class="every-list-hover-lists">
                                    <li>王府井</li>
                                    <li>八达岭</li>
                                    <li>北海</li>

                                </ul>
                            </div>


                        </div>
                    </div>
                    <div class="middle-content-left-icon content-left-icon_5">

                    </div>
                    <div class="middle-content-left-text">
                        <div class="content-left-title">
                            <h4>北部</h4>
                            <span class="icon-more">></span>
                        </div>
                        <ul class="content-lists">
                            <li>东北</li>
                            <li>内蒙古</li>
                            <li>长白山</li>
                            <li>呼伦贝尔</li>
                            <li class="content-list">北京</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="loop-img">
                            <ul class="left-img">
                                <li>
                                    <img src="https://img.tuniucdn.com/u/pc_zzy/new/gn/changlong.jpg" alt="">
                                </li>
                                <li>
                                    <img src="https://img.tuniucdn.com/u/pc_zzy/new/gn/lijiang.jpg" alt="">
                                </li>
                                <li>
                                    <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-s1vSrqKIbqMtAAE2GwjksxwAAPqiQPrQMoAATYz160.png"
                                        alt="">
                                </li>
                                <li>
                                    <img src="https://img.tuniucdn.com/u/pc_zzy/new/gn/gulangyu.jpg" alt="">
                                </li>
                            </ul>
                            <img width="200" height="356"
                                src="https://m.tuniucdn.com/fb2/t1/G2/M00/B4/C7/Cii-TFgFexOIGmzeAAD1assTXnQAADe0AN06H4AAPWC18.jpeg"
                                alt="">
                        </div>

                    </div>
                    <div class="swiper-slide">
                        <div class="loop-img">
                            <ul class="left-img">
                                <li>
                                    <img src="https://m2.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-tFvSrqCIfs29AAENH60bSNgAAPqiQNY-GIAAQ03110.png"
                                        alt="">
                                </li>
                                <li>
                                    <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-tFvSrqCISL2kAAEm6ow5lxUAAPqiQNaBZkAAScC204.png"
                                        alt="">
                                </li>
                                <li>
                                    <img src="https://m2.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-tFvSrqKILj4FAAEw0v3C_3EAAPqiQPsdv0AATDq153.png"
                                        alt="">
                                </li>
                                <li>
                                    <img src="https://img2.tuniucdn.com/menpiao/gemeiling/dlzyl.jpg" alt="">
                                </li>
                            </ul>
                            <img src="https://m1.tuniucdn.com/fb2/t1/G5/M00/76/EE/Cii-slvWlmSIT-ZTAALiRV7wfpoAAPx4AHzUasAAuJd467.png"
                                alt="">
                        </div>

                    </div>
                    <div class="swiper-slide">
                        <div class="loop-img">
                            <ul class="left-img">
                                <li>
                                    <img src="https://m1.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-tFvSrqGIZe7lAACH7tE0oVcAAPqiQPoLWoAAIgG088.png"
                                        alt="">
                                </li>
                                <li>
                                    <img src="https://m2.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-slvSrqGINvd1AADajAIU51QAAPqiQPotXAAANqk236.png"
                                        alt="">
                                </li>
                                <li>
                                    <img src="https://m2.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-slvSrqKIPwyVAACMQBj-GgcAAPqiQPtp-cAAIxY599.png"
                                        alt="">
                                </li>
                                <li>
                                    <img src="https://m1.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-s1vSrqGIflFUAAGwnvtheqcAAPqiQPpkBQAAbC2910.png"
                                        alt="">
                                </li>
                            </ul>
                            <img src="https://m4.tuniucdn.com/fb2/t1/G5/M00/72/6F/Cii-s1vSrqKIBfjxAAIkdRd0u54AAPqiQPuND8AAiSN049.png"
                                alt="">
                        </div>

                    </div>
                </div>
            </div>
            <!-- <div class="swiper-button-next"></div>
             <div class="swiper-button-prev"></div> -->
            <!-- <div class="swiper-pagination"></div> -->
            <div class="middle-content-right">
                <div class="conntent-right-content">
                    <ul class="content-input">
                        <li>
                            <span>出发地</span>
                            <input class="search_ctrl_inp_input" name="departName" type="text" value="南京"
                                placeholder="出发地" autocomplete="off">
                        </li>
                        <li>
                            <span>目的地</span>
                            <input class="search_ctrl_inp_input" placeholder="请填写相关目的地" name="destName" type="text"
                                autocomplete="off">
                        </li>
                        <li>

                            <span>日期</span>
                            <input class="search_ctrl_inp_input" name="startDate" type="text" value="2016-04-26"
                                placeholder="出发日期" type="text">

                            <!-- <span >天数</span>
                            <input type="text" value="3天" class="search_number_input" placeholder="天数"> -->
                        </li>
                        <li>
                            <span>天数</span>
                            <input class="search_ctrl_inp_input" placeholder="请填写相关天数" name="destName" type="text"
                                autocomplete="off">
                        </li>
                        <li>
                            <span>人数</span>
                            <input class="search_ctrl_select_input" name="adult" value="2" placeholder="成人" type="text">
                        </li>
                    </ul>
                    <div class="submit">
                        <p class="submit">
                            搜索自由行套餐
                        </p>
                    </div>

                </div>
                <div class="icon-bird">

                </div>
            </div>
        </div>


    </div>
    <!-- 左右布局 -->
    <div class="lists first-class">
        <div class="title-list">
            <h2>浪漫海滨</h2>
            <ul class="list-classify blue-classify">
                <li class="blue-list">三亚
                   
                </li>
                <li>厦门</li>
                <li>青岛</li>
                <li>珠海</li>
            </ul>
            <p class="list-more">查看更多></p>
        </div>
        <div class="data-lists">
            <div class="data-list-left">
                <div class="city-name">
                    <h4>热门目的地</h4>
                    <ul class="city-list">
                        <li >
                            <p class="address-name">三亚</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                3204854
                               
                            </p>
                        </li>
                        <li>
                            <p class="address-name">蜈支洲岛</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                1987482
                                
                            </p>
                        </li>
                        <li>
                            <p class="address-name">亚龙湾热带天堂森林公园</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                1832178
                                
                            </p>
                        </li>
                        <li>
                            <p class="address-name">天涯海角</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                1706248
                                
                            </p>
                        </li>
                        <li>
                            <p class="address-name">亚龙湾</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                1564102
                                
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="city-img">
                    <img width="225" src="https://m1.tuniucdn.com/fb2/t1/G5/M00/65/AF/Cii-s1vJqeWIbfj6AADPMZHYn-QAAPXAwAZwNEAAM9J628.png" alt="">
                </div>
            </div>
            <div class="data-list-right">
                <ul class="data-list-details">
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G2/M00/80/9C/Cii-T1fo1mOIJt7IADD_CmMUvbMAACxswCA9a0AMP8i668_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <海南三亚国光豪生双飞3-8日自由行>10W人选择，三亚湾国际五星临海酒店，享4500平泳池、户外儿童乐园，3分钟直达沙滩，赠网红旅拍
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1980</span>起</p>
                            <p class="satisfaction">满意94%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/F7/B8/Cii-s1uHkU6IIKbrAD28J8dS_ssAAM6lwDgrg8APbw_623_w640_h480_c1_t0.png"
                                alt="">
                           
                            <p class="city-intro">
                                <海南三亚亲子双飞3-8日自由行>臻选国光/天域/美高梅/亚特/理文索菲特/仁恒/香格里拉，丰富亲子互动活动，宝妈带娃优选,纵享亲子时光
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1980</span>起</p>
                            <p class="satisfaction">满意94%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G4/M00/18/C3/Cii_J1zOuQmIano9ACy8jVTMhYkAAFu1gHeAUYALLyl560_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <海南三亚海棠湾万达嘉华双飞3-8日自由行>海棠湾酒店，简约典雅客房均50平起，畅游2400平方米大型泳池，嬉戏洁白沙滩，远眺蜈支洲      
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1960</span>起</p>
                            <p class="satisfaction">满意98%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G4/M00/2E/5B/Cii-VVmvhZyICHfAAAGs41QxX-EAAA46gOpw5MAAaz7857_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <海南三亚双飞3-8日自由行>四大湾次全覆盖，国光豪生/山海天万豪/红树林/天域/维景/仁恒皇冠/亚特/香格里拉/万达嘉华/索菲特，开启美好假期  
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2083</span>起</p>
                            <p class="satisfaction">满意91%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://s.tuniu.net/qn/image/f2/d3e60fdca7f0949bd8c40fb859597b95/8045a2fc-677c-4d23-986c-73935ee8b3fc.jpeg?imageView2/1/w/640/h/480"
                                alt="">
                           
                            <p class="city-intro">
                                <三亚维景国际别墅度假酒店双飞3-8日游>亚龙湾别墅度假，多居别墅可选，东南亚风情设计，环绕高尔夫球场，享碧海银滩假期，享免税店95折优惠 
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1863</span>起</p>
                            <p class="satisfaction">满意96%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G4/M00/4A/68/Cii-VVz3ZM6IW5CMAEMgpFCyxkkAAGyRgGnTNgAQyC8862_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <海南三亚一地+亚特兰蒂斯双飞5日自由行>臻选2晚国光/康年/文华东方/万达嘉华/铂尔曼等人气酒店，后2晚搭配亚特兰蒂斯，尽享海滨时光
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">3517</span>起</p>
                            <p class="satisfaction">满意93%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://s.tuniu.net/qn/image/f2/870555b8de4d538b93fad047317c772b/81ef0b48-2f82-44d7-a6f8-d43b8f72ac8a.jpeg?imageView2/1/w/640/h/480"
                                alt="">
                           
                            <p class="city-intro">
                                <海南三亚亚龙湾亲子酒店3-8日双飞自由行>天域/红树林/美高梅/希尔顿/华邑/迎宾馆等酒店自选，可选接送机/租车/一日游
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1832</span>起</p>
                            <p class="satisfaction">满意93%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/ED/40/Cii-slrwC2eIHzw_ACEjx4ZOjoUAAGhDAEA4A4AISPf713_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <海南三亚银泰阳光酒店双飞3-8日自由行>大东海五星一线海景酒店，2万平方米热带私家园林
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1881</span>起</p>
                            <p class="satisfaction">满意98%</p>
                        </div>
                    </li>

                </ul>
            </div>

        </div>

    </div>
    <div class="lists">
        <div class="title-list">
            <h2>自然风景</h2>
            <ul class="list-classify red-classify">
                <li class="red-list">成都</li>
                <li>丽江</li>
                <li>长白山</li>
                <li>桂林</li>
                <li>哈尔滨</li>
            </ul>
            <p class="list-more">查看更多></p>
        </div>
        <div class="data-lists">
            <div class="data-list-left">
                <div class="city-name">
                    <h4>热门目的地</h4>
                    <ul class="city-list">
                        <li >
                            <p class="address-name">都江堰</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                577927
                               
                            </p>
                        </li>
                        <li>
                            <p class="address-name">九寨沟</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                506592
                                
                            </p>
                        </li>
                        <li>
                            <p class="address-name">大熊猫繁育研究基地</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                350051
                                
                            </p>
                        </li>
                        <li>
                            <p class="address-name">青城山</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                191479
                                
                            </p>
                        </li>
                        <li>
                            <p class="address-name">峨眉山风景区</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                159674
                                
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="city-img">
                    <img width="225" src="https://img.tuniucdn.com/u/pc_zzy/gn/left_pic2.jpg" alt="">
                </div>
            </div>
            <div class="data-list-right">
                <ul class="data-list-details">
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G1/M00/97/11/Cii9EVi6HhmIIq3XACxbHLWAyxQAAIT0QItnBQALFs0333_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <成都+重庆双飞7日自由行>成都进重庆出，3晚成都+3晚重庆，经典7日双城玩法，游天府之国，尽享慢生活，探两江文化，赏璀璨夜景，醉在微风中
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2380</span>起</p>
                            <p class="satisfaction">满意84%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G2/M00/92/47/Cii-T1kAFSGIcJY0ABUBv8odUJkAAJcHgGmAEUAFQHX804_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <成都智选假日酒店双飞5日自由行>热销洲际旗下酒店集结，住宿精选，多店可选，舒适入住体验，高性价比，舒适旅行优选
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2099</span>起</p>
                            <p class="satisfaction">满意98%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G2/M00/35/79/Cii-T1i-eS-ILkWUAB0Yy99MwyEAAIMGgCoW4IAHRjj309_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <成都+重庆双飞8日自由行>成都进重庆出，4晚成都+3晚重庆，热销核心酒店集结，麻辣双城，天府之国多元慢生活，魔幻8D重庆，网红打卡不留遗憾
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">3005</span>起</p>
                            <p class="satisfaction">满意95%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G1/M00/97/1F/Cii9EFi6LISIbuLaABlvIh-VBiEAAIUKAKeRywAGW86234_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <成都+西双版纳三飞6日自由行>成都进，版纳出，三飞航班不回头，成都2晚，版纳3晚，悠游成都之慢，吃火锅赏川剧，云游彩云之南，戏大象看孔雀
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">3875</span>起</p>
                            <p class="satisfaction">满意100%</p>
                        </div>
                    </li>
                    <li>
                       
                        <div class="city-cover">
                            <div class="icon-flag"></div>
                            <img src="https://m.tuniucdn.com/fb2/t1/G2/M00/51/32/Cii-TFjSHEeIbEFtAAJPrEn2YsEAAItjQJkpSoAAk_E34_w640_h480_c1_t0.jpeg"
                                alt="">
                           
                            <p class="city-intro">
                                <成都双飞4日自由行>万人出游，好评如潮，热销优选，慢生活，畅游巴蜀，美食休闲，热销酒店集结，出发吧我们
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1870</span>起</p>
                            <p class="satisfaction">满意93%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G2/M00/29/6F/Cii-T1i1TBiIOOxWACDIlfNIIEkAAHxLgIgud0AIMit760_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <成都宽窄巷子商圈双飞3-7日自由行>老成都典范，休闲在宽窄之间，品蓉城小吃，享成都市井生活，精选酒店随心选择
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1765</span>起</p>
                            <p class="satisfaction">满意96%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/AA/1E/Cii-sltgAKKIF38-ABKpioUY3ckAALHgAEyBf4AEqmi619_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <自在成都双飞3-7日自由行>商圈酒店任选/川蜀历史渊源流传/地道麻辣火锅香气间/再论三国
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1797</span>起</p>
                            <p class="satisfaction">满意90%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/BE/9F/Cii-s1wHkKyIZSS8ABLRq7jx0-AAARRDwJVYn4AEtHD274_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <成都双动3-7日自由行>精选核心商圈酒店，品盖碗茶，落座小酒馆，来一趟小清新旅行
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">1840</span>起</p>
                            <p class="satisfaction">满意91%</p>
                        </div>
                    </li>

                </ul>
            </div>

        </div>
    </div>
    <div class="lists">
        <div class="title-list">
            <h2>城市观光</h2>
            <ul class="list-classify yellow-classify">
                <li class="yellow-list">广州</li>
                <li>西安</li>
                <li>上海</li>
                <li>上海迪士尼</li>
                <li>重庆</li>
                <li>北京</li>
            </ul>
            <p class="list-more">查看更多></p>
        </div>
        <div class="data-lists">
            <div class="data-list-left">
                <div class="city-name">
                    <h4>热门目的地</h4>
                    <ul class="city-list">
                        <li >
                            <p class="address-name">广州</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                67590
                            </p>
                        </li>
                        <li >
                            <p class="address-name">长隆野生动物世界</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                21714
                               
                            </p>
                        </li>
                        <li >
                            <p class="address-name">长隆欢乐世界</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                15004
                               
                            </p>
                        </li>
                        <li >
                            <p class="address-name">珠海长隆国际马戏城</p>
                            <p class="address-hot">
                                <i class="iconfont icon-like"></i>
                                0
                               
                            </p>
                        </li>
                </div>
                <div class="city-img">
                    <img width="225" src="https://m2.tuniucdn.com/fb2/t1/G5/M00/65/B1/Cii-slvJquGITx7DAACp7F3ZMlkAAPXBQOt-d4AAKoE74.jpeg" alt="">
                </div>
            </div>
            <div class="data-list-right">
                <ul class="data-list-details">
                    <li>
                        <div class="city-cover">
                            <img src="https://s.tuniu.net/qn/image/f2/8c325a5a86738712cf3e05ae87cd4932/06d48718-5445-4528-b1eb-074bb403fcb8.jpeg?imageView2/1/w/640/h/480"
                                alt="">
                           
                            <p class="city-intro">
                                <广州+珠海长隆度假区双飞5日自由行>广州2晚+珠海2晚搭配自由行，欢乐游长隆，双人/家庭套餐任选
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2762</span>起</p>
                            <p class="satisfaction">满意96%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G1/M00/51/22/Cii9EVb82TeINioXABssSIqcGk4AAC3ggBa-pQAGyxg212_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <广州双飞5日自由行>广交会精选，广州塔/琶洲会展中心商圈，人气酒店连住4晚，商务休闲，城市观光主推
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2378</span>起</p>
                            <p class="satisfaction">满意100%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/76/91/Cii-s1qUz6CIE-aZABZfdqbMUgcAADs3gIvZaYAFl-O672_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <广州长隆度假区酒店双飞3-7日自由行>熊猫酒店、长隆酒店、香江酒店套餐自选丨可选广州四大园区套票，可选含大马戏或自助晚餐套餐
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2566</span>起</p>
                            <p class="satisfaction">满意97%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/filebroker/cdn/olb/28/97/2897472027105ad07fd357e582bab7dd_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <广州双飞4日自由行>热门商圈集结，优选市区酒店，交通便捷，逛上下九，漫步沙面，品粤菜美食
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2272</span>起</p>
                            <p class="satisfaction">满意97%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/fb2/t1/G2/M00/32/84/Cii-TFg-kVuINAX_AAh9NsgG2LwAAE_rAJxokoACH1O117_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <广州双飞5日自由行>热门商圈集结，优选市区酒店，交通便捷，逛上下九，漫步沙面，品粤菜美食
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2183</span>起</p>
                            <p class="satisfaction">满意97%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://s.tuniu.net/qn/image/f2/ce77c15b3f691efc1ef408feaff27f9f/28fd468b-54fe-41b1-9c15-1a150c3dc469.jpg?imageView2/1/w/640/h/480"
                                alt="">
                           
                            <p class="city-intro">
                                <广州+珠海长隆度假区双飞6日自由行>广州3晚+珠海2晚搭配自由行，欢乐游长隆，双人/家庭套餐任选
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">3462</span>起</p>
                            <p class="satisfaction">满意91%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/filebroker/cdn/olb/e5/fb/e5fb059bf823fe8c654d0814a7548ce7_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <广州双飞3日自由行>热门商圈集结，优选市区酒店，交通便捷，逛上下九，漫步沙面，品粤菜美食
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2139</span>起</p>
                            <p class="satisfaction">满意97%</p>
                        </div>
                    </li>
                    <li>
                        <div class="city-cover">
                            <img src="https://m.tuniucdn.com/filebroker/cdn/olb/e5/fb/e5fb059bf823fe8c654d0814a7548ce7_w640_h480_c1_t0.jpg"
                                alt="">
                           
                            <p class="city-intro">
                                <广州双飞4日自由行>广交会精选，广州塔/琶洲会展中心商圈，人气酒店连住3晚，商务休闲，城市观光首选
                                
                            </p>
                        </div>
                        <div class="piece">
                            <p class="piece-text">￥<span class="number">2165</span>起</p>
                            <p class="satisfaction">满意96%</p>
                        </div>
                    </li>
                    

                </ul>
            </div>

        </div>
    </div>
    <div class="lists">
        <div class="lists-title">
            <p>超级自由行</p>
        </div>
        <div class="lists-title_2">
            <p>热销排行</p>
        </div>
        <div class="classify-end">
            <ul class="classify-end-left">
                <li>
                    <div class="end-cover">
                        <img src="https://m.tuniucdn.com/filebroker/cdn/prd/2d/a9/2da971e3641efae3315b032f37fb6aa7_w640_h480_c1_t0.jpg" alt="">
                        <div class="cover-intro">
                            <p>[暑期]<厦门4日自由行>双人立减400，充足自由，好评过千</p>
                        </div>
                    </div>
                    <div class="piece">
                        <p class="piece-text">￥<span class="number">2139</span>起</p>
                        <p class="satisfaction">满意97%</p>
                    </div>
                </li>
                <li>
                    <div class="end-cover">
                        <img src="https://m.tuniucdn.com/fb2/t1/G2/M00/80/9C/Cii-T1fo1mOIJt7IADD_CmMUvbMAACxswCA9a0AMP8i668_w640_h480_c1_t0.jpg" alt="">
                        <div class="cover-intro">
                            <p><海南三亚国光豪生双飞3-8日自由行>10W人选择，三亚湾国际五星临海酒店，享4500平泳池、户外儿童乐园，3分钟直达沙滩，赠网红旅拍</p>
                        </div>
                    </div>
                    <div class="piece">
                        <p class="piece-text">￥<span class="number">2111</span>起</p>
                        <p class="satisfaction">满意94%</p>
                    </div>
                </li>
                <li>
                    <div class="end-cover">
                        <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/D0/DC/Cii-slrdbz2IKQ6qAASKKnpSAsEAAF9KQGbxcoABIpC067_w640_h480_c1_t0.JPG" alt="">
                        <div class="cover-intro">
                            <p><珠海长隆度假区酒店双飞3-6日自由行>珠海度假区5大乐园酒店套餐自选丨可选珠海长隆海洋王国、宇宙飞船套票，可选包含海洋王国或宇宙飞船乐园套餐</p>
                        </div>
                    </div>
                    <div class="piece">
                        <p class="piece-text">￥<span class="number">2010</span>起</p>
                        <p class="satisfaction">满意97%</p>
                    </div>
                </li>

            </ul>
            <ul class="classify-end-right">
                <li>
                    <img src="https://m.tuniucdn.com/fb2/t1/G4/M00/4A/68/Cii-VVz3ZM6IW5CMAEMgpFCyxkkAAGyRgGnTNgAQyC8862_w640_h480_c1_t0.jpg" alt="">
                    <div class="end-right-text">
                        <p class="text-intro"><海南三亚一地+亚特兰蒂斯双飞5日自由行>臻选2晚国光/康年/文华东方/万达嘉华/铂尔曼等人气酒店，后2晚搭配亚特兰蒂斯，尽享海滨时光</p>
                        <div class="piece end-piece">
                            <p class="piece-text end-piece-text">￥<span class="number end-number-text">2139</span>起</p>
                            <p class="satisfaction satisfaction-text">满意度: <span> 97%</span></p>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="https://m.tuniucdn.com/fb2/t1/G4/M00/2E/5B/Cii-VVmvhZyICHfAAAGs41QxX-EAAA46gOpw5MAAaz7857_w640_h480_c1_t0.jpg" alt="">
                    <div class="end-right-text">
                        <p class="text-intro"><海南三亚双飞3-8日自由行>四大湾次全覆盖，国光豪生/山海天万豪/红树林/天域/维景/仁恒皇冠/亚特/香格里拉/万达嘉华/索菲特，开启美好假期</p>
                        <div class="piece end-piece">
                            <p class="piece-text end-piece-text">￥<span class="number end-number-text">2087</span>起</p>
                            <p class="satisfaction satisfaction-text">满意度: <span>91% </span></p>
                        </div>
                    </div>
                </li>
            </ul>
            

        </div>
    </div>
    <!-- 底部通用 -->
    <div class="page-bottom">
        <div class="bottom-navigation">
            <ul class="bottom-navigation-lists">
                <li class="bottom-navigation-list go-travel">
                    <div class="bottom-navigation-list-title">
                        <div class="bottom-list-title-icon hot-air-balloon"></div><!-- 在css里要更改背景图片路径 -->
                        <p>去旅游</p>
                    </div>
                    <div class="bottom-navigation-list-txt go-travel-txt">
                        <p>跟团游</p>
                        <p>牛人专线</p>
                        <p>酒店</p>
                        <p>自由行</p>
                        <p>亲子游</p>
                        <p>门票</p>
                        <p>酒+景</p>
                        <p>蜜月游</p>
                        <p>邮轮</p>
                        <p>公司旅游</p>
                        <p>海岛游</p>
                        <p>签证</p>
                        <p>当地活动</p>
                        <p>老于推荐</p>
                        <p>机票</p>
                        <p>首付出发</p>
                        <p>旅拍</p>
                    </div>
                </li>
                <li class="bottom-navigation-list looking-discount">
                    <div class="bottom-navigation-list-title">
                        <div class="bottom-list-title-icon coin"></div><!-- 在css里要更改背景图片路径 -->
                        <p>寻优惠</p>
                    </div>
                    <div class="bottom-navigation-list-txt looking-discount-txt">
                        <p>特卖</p>
                        <p>订酒店 返现金</p>
                        <p>积分商城</p>
                        <p>银行特惠游</p>
                    </div>
                </li>
                <li class="bottom-navigation-list check-the-service">
                    <div class="bottom-navigation-list-title">
                        <div class="bottom-list-title-icon magnifier"></div><!-- 在css里要更改背景图片路径 -->
                        <p>查服务</p>
                    </div>
                    <div class="bottom-navigation-list-txt check-the-service-txt">
                        <p>帮助中心</p>
                        <p>会员俱乐部</p>
                        <p>阳光保障</p>
                        <p>火车时刻表</p>
                        <p>航班查询</p>
                    </div>
                </li>
                <li class="bottom-navigation-list tuniu-app">
                    <div class="bottom-navigation-list-title">
                        <div class="bottom-list-title-icon scan"></div><!-- 在css里要更改背景图片路径 -->
                        <p>途牛APP</p>
                    </div>
                    <div class="bottom-navigation-list-txt tuniu-app-txt">
                        <p>扫描下载途牛APP</p>
                        <img src="./img/QR code.png"><!-- 图片路径要更改 -->
                    </div>
                </li>
            </ul>
        </div>
        <div class="page-bottom-ad">
            <div class="page-bottom-ad-picture"><!-- 在css里要更改背景图片路径 -->
                <div class="telephone-txt">客户服务电话（免长途费）</div>
                <div class="telephone-num">4007-999-999</div>
            </div>
        </div>
        <div class="page-bottom-recommend">
            <ul class="page-bottom-recommend-lists">
                <li class="page-bottom-recommend-list">
                    <img width="238" height="58" src="https://images.tuniucdn.com/u/mainpic/footer/tn_footer_042.jpg" alt="">
                </li>
                <li class="page-bottom-recommend-list">
                    <img width="238" height="58" src="https://images.tuniucdn.com/u/mainpic/footer/tn_footer_06.jpg" alt="">
                </li>
                <li class="page-bottom-recommend-list">
                    <img width="238" height="58" src="https://m4.tuniucdn.com/fb2/t1/G3/M00/89/C0/Cii_LlmSlsaICijDAABiOObnKkEAAHXXABQ4z0AAGJQ76.jpeg" alt="">
                </li>
                <li class="page-bottom-recommend-list">
                    <img width="238" height="58" src="https://s.tuniu.net/qn/images/637c1a3c0438e7b473eb184c9c7d99c0.png" alt="">
                </li>
            </ul>
        </div>
        <div class="page-bottom-cooperate">
            <p>途牛客服中心设立在江苏南京及江苏宿迁，来电显示号码请查看： 途牛会员中心外呼电话号码汇总</p>
            <p>北京途牛国际旅行社有限公司，旅行社业务经营许可证编号：L-BJ-CJ00144　　上海途牛国际旅行社有限公司，旅行社业务经营许可证编号：L-SH-CJ00107    </p>
            <p>
                <span>关于我们</span><span>Investor Relations</span><span>联系我们</span><span>投诉建议与举报</span><span class="emphasize">广告服务</span><span>旅游券</span><span class="emphasize">途牛招聘</span><span>隐私保护</span><span>免责声明</span><span class="emphasize">旅游度假资质</span><span>主题旅游</span><span class="emphasize">平台服务协议</span><span class="emphasize">平台交易规则</span><span>网站地图</span><span>UEIP</span><span>帮助中心</span><span>网信办辟谣专栏</span>
            </p>
            <div class="page-bottom-cooperate-txt">
                <div>Copyright © 2006-2024<div class="page-bottom-cooperate-txt-box"> 南京途牛科技有限公司 Tuniu.com</div><div class="page-bottom-cooperate-txt-box">营业执照</div><div class="page-bottom-cooperate-txt-box">ICP证：苏B2-20130006</div><div class="page-bottom-cooperate-txt-box">苏ICP备12009060号-4</div><div class="page-bottom-cooperate-txt-box">苏网食备A32000000032</div><div class="page-bottom-cooperate-txt-frame ">郑州旅游网
                </div>
                </div>
            </div>
            <p>
                全国旅游投诉热线12345
            </p>
            <div class="page-bottom-cooperate-img">
                <div class="page-bottom-cooperate-img-box">
                    <img width="47" height="47" src="https://s.tuniu.net/qn/images/8cde8e24d4069c9227bc80c076e2bf17.png">
                </div>
                    <img width="194" height="47" src="https://s.tuniu.net/qn/images/3d8bcfbfb56bdcc85d0fd3657b2aec12.png">
                <div class="page-bottom-cooperate-img-box">
                    <img width="62" height="47" src="https://s.tuniu.net/qn/images/f2ba1ed23e25125f5403200704b84e4b.png" alt="">
                </div>
                <div class="page-bottom-cooperate-img-box">
                    <img width="110" height="47" src="https://m3.tuniucdn.com/fb2/t1/G5/M00/1E/22/Cii-tFpAbkWITEAmAAAF3Gwa3cUAABOHgP_-ZQAAAZs898.png">
                </div>
                <div class="page-bottom-cooperate-img-box">
                    <img width="110" height="47" src="https://ssl1.tuniucdn.com/img/20140415/common/common_foot/chengxin.png" alt="">
                </div>
                <div class="page-bottom-cooperate-img-box">
                    <img width="140" height="47" src="https://ssl1.tuniucdn.com/img/20140415/common/common_foot/pata.png" alt="">
                </div>
            </div>
        </div>
    </div>
       <!-- 屏幕右边导航 -->
       <div class="potation">
        <div class="right-fiex">
            <ul class="right-sort">
             <li>
                 <span class="icon-right_1 icon-right icon-none"></span>
                 <span class="icon-right_hover_1 icon-right icon-hover"></span>
                 <div class="app-hover">
                     <img src="https://m.tuniucdn.com/fb2/t1/G7/M00/04/15/CkC9r1_FscSIHnyEAAEFehRUZmcAACNPAP-4FcAAQWS204.png" alt="">
                 </div>
             </li>
             <li>
                 <span class="icon-right_2 icon-right icon-none"></span>
                 <span class="icon-right_hover_2 icon-right icon-hover"></span>
             </li>
             <li>
                 <span class="icon-right_3 icon-right icon-none"></span>
                 <span class="icon-right_hover_3 icon-right icon-hover"></span>
                 <div class="love-hover">
                     <p>我的关注</p>
                 </div>
             </li>
             <li>
                 <span class="icon-right_4 icon-right icon-none"></span>
                 <span class="icon-right_hover_4 icon-right icon-hover"></span>
                 <div class="love-hover">
                     <p>我的订单</p>
                 </div>
             </li>
             <li>
                 <span class="icon-right_5 icon-right icon-none"></span>
                 <span class="icon-right_hover_5 icon-right icon-hover"></span>
                 <div class="love-hover">
                     <p>我的礼券</p>
                 </div>
             </li>
             <li>
                 <span class="icon-right_6 icon-right icon-none"></span>
                 <span class="icon-right_hover_6 icon-right icon-hover"></span>
                 <div class="love-hover">
                     <p>消息提醒</p>
                 </div>
             </li>
             <li>
                 <span class="icon-right_7 icon-right icon-none"></span>
                 <span class="icon-right_hover_7 icon-right icon-hover"></span>
                 <div class="love-hover">
                     <p>在线客服</p>
                 </div>
             </li>
            </ul>
            <ul class="right-sort bottom">
             <li>
                 <span class="icon-right_8 icon-right icon-none"></span>
                 <span class="icon-right_hover_8 icon-right icon-hover"></span>
                 <div class="love-hover">
                     <p>问卷调查</p>
                 </div>
             </li>
             <li>
                 <span class="icon-right_9 icon-right icon-none"></span>
                 <span class="icon-right_hover_9 icon-right icon-hover"></span>
                 <div class="love-hover">
                     <p>意见建议</p>
                 </div>
             </li>
             <li>
                 <span class="icon-right_10 icon-right icon-none"></span>
                 <span class="icon-right_hover_10 icon-right icon-hover"></span>
                 <div class="love-hover">
                     <p>返回顶部</p>
                 </div>
             </li>
            </ul>
             </div>
    </div>

</body>
<script>
    var swiper = new Swiper(".mySwiper", {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>

</html>